<%@page import="com.vo.Systemss"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="page/page.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	Systemss systemss = Systemss.dao.findById(1);
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>
<jsp:include page="page/header.jsp"></jsp:include>

	<div class="met-banner">
		<div class="carousel slide" id="met-banner-slide" data-ride="carousel">
			<ol class="carousel-indicators carousel-indicators-fall">
				<li class="active" data-slide-to="0" data-target="#met-banner-slide"></li>
				<li class="" data-slide-to="1" data-target="#met-banner-slide"></li>
				<li class="" data-slide-to="2" data-target="#met-banner-slide"></li>
			</ol>
			<div class="carousel-inner carousel-height" role="listbox">
				<div class="item active">
					<a href="" title="" target='_self'>
						<picture>
							<source srcset="style/upload/banner1_m.jpg" media="(max-width: 768px)" />
							<img class="cover-image overlay-scale" srcset="style/upload/banner1.jpg" src="style/upload/banner1.jpg"alt="" />
						</picture>
					</a>
					<div class="carousel-caption p-4">
					<!-- <div class='btn animation-slide-bottom animation-delay-700'><a  style="border:2px solid #fffea2;color:#fffea2" href="" title="" target='_self'>点击查看</a></div> -->
					</div>
				</div>
				<div class="item ">
					<a href="" title="" target='_self'>
						<picture>
							<source srcset="style/upload/banner2_m.jpg" media="(max-width: 768px)" />
							<img class="cover-image overlay-scale" srcset="style/upload/banner2.jpg" src="style/upload/banner2.jpg" alt="" />
						</picture>
					</a>
					<div class="carousel-caption p-5">
					<!-- <div class='btn animation-slide-bottom animation-delay-700'><a  style="border:2px solid ;color:" href="" title="" target='_self'>MORE>></a></div> -->
					</div>
				</div>
			</div>
			<a class="left carousel-control" href="#met-banner-slide" role="button" data-slide="prev">
				<span class="icon wb-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#met-banner-slide" role="button"
			data-slide="next">
				<span class="icon wb-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>











		</div>
	</div>
	<div class="met-index-service met-index-body">
		<div class="container">
			<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false"><?php echo $site_name;?>支付 — 最值得信赖的支付收单机构</h3>
			<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">支持全行业接入、一站式支付解决方案</p>
			<ul class="blocks blocks-2">
				<li class="invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
						<i class="icon fa-rocket" aria-hidden="true"></i>
						<h4>快速接入</h4>
						<p>3行代码、30分钟开发即可拥有支付功能和商户管理后台！</p>
				</li>
				<li class="invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
						<i class="icon fa-shield" aria-hidden="true"></i>
						<h4>安全支付</h4>
						<p>数据加密、数字签名、以及专业的风控模块，确保支付流程更安全！</p>
				</li>
				<li class="invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
						<i class="icon wb-mobile" aria-hidden="true"></i>
						<h4>多终端支持</h4>
						<p>PC网站、手机网站、移动APP、微信公众号、线下台卡均可接入。</p>
				</li>
				<li class="invisible" data-plugin="appear" data-animate="slide-bottom" data-repeat="false">
						<i class="icon wb-book" aria-hidden="true"></i>
						<h4>专业记账</h4>
						<p>复式记账法，安全可靠的对账、调账、冲正、流水查询等功能保证资金安全！</p>
				</li>
			</ul>
		</div>
	</div>
	<div class="met-index-client met-index-body">
		<div class="container">
			<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">解决方案</h3>
			<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">米多大数据引擎针对各行业特点，为各类消费品企业提供智能促销、防伪溯源、防窜货、大数据应用等解决方案。</p>
			<div class="owl-carousel owl-theme animation-delay-400" style="margin-top:60px;">
				<div class="item">
					<div class="single-client">
						<div class="img-holder" style="border: 3px solid #fff!important;">
							<a href="" title="""  target='_self'>
								<a href="" title=""" target='_self'><img src="style/upload/alipay.jpg" data-original="style/upload/alipay.jpg" alt="""></a>
							</a>
						</div>
						<div class="content">
							<h2><a href="" class="color_0c4e90" title=""" target='_self'>支付宝支付</a></h2>
							<p class="color_555">扫码、H5、App、收银台</p>
						</div>
					</div>
				</div>
				<!-- alipay end -->
				<div class="item">
					<div class="single-client">
						<div class="img-holder" style="border: 3px solid #fff!important;">
							<a href="" title="""  target='_self'>
								<a href="" title=""" target='_self'><img src="style/upload/wechat.jpg" data-original="style/upload/wechat.jpg" alt="""></a>
							</a>
						</div>
						<div class="content">
							<h2><a href="" class="color_0c4e90" title=""" target='_self'>微信支付</a></h2>
							<p class="color_555">扫码、H5、公众号、App、收银台</p>
						</div>
					</div>
				</div>
				<!-- wechat end -->		
				<div class="item">
					<div class="single-client">
						<div class="img-holder" style="border: 3px solid #fff!important;">
							<a href="" title="""  target='_self'>
								<a href="" title=""" target='_self'><img src="style/upload/qq.jpg" data-original="style/upload/qq.jpg" alt="""></a>
							</a>
						</div>
						<div class="content">
							<h2><a href="" class="color_0c4e90" title=""" target='_self'>QQ钱包</a></h2>
							<p class="color_555">扫码、H5、公众号、App、收银台</p>
						</div>
					</div>
				</div>
				<!-- wechat end -->
				<div class="item">
					<div class="single-client">
						<div class="img-holder" style="border: 3px solid #fff!important;">
							<a href="" title="""  target='_self'>
								<a href="" title=""" target='_self'><img src="style/upload/bank.jpg" data-original="style/upload/bank.jpg" alt="""></a>
							</a>
						</div>
						<div class="content">
							<h2><a href="" class="color_0c4e90" title=""" target='_self'>银联支付</a></h2>
							<p class="color_555">扫码、H5、公众号、App、收银台</p>
						</div>
					</div>
				</div>
				<!-- bank end -->
				<div class="item">
					<div class="single-client">
						<div class="img-holder" style="border: 3px solid #fff!important;">
							<a href="" title="""  target='_self'>
								<a href="" title=""" target='_self'><img src="style/upload/jdpay.jpg" data-original="style/upload/jdpay.jpg" alt="""></a>
							</a>
						</div>
						<div class="content">
							<h2><a href="" class="color_0c4e90" title=""" target='_self'>银联支付</a></h2>
							<p class="color_555">扫码、H5、公众号、App、收银台</p>
						</div>
					</div>
				</div>
				<!-- jdpay end -->
			</div>											
		</div>
	</div>

	<div class="met-index-product met-index-body">
		<div class="container">
			<h3 class="invisible" data-plugin="appear" data-animate="slide-top" data-repeat="false">客户案例</h3>
			<p class="desc invisible" data-plugin="appear" data-animate="fade" data-repeat="false">xx、xx、xx、xx、xx等1700多家商家的共同选择！</p>
			<div class='invisible' data-plugin="appear" data-animate="fade" data-repeat="false">
				<ul class="nav nav-tabs">
				<!-- <li class="active"><a href="" title=""" data-toggle="tab" data-num='4' data-filter="*">全部</a></li> -->
				<li class="active"><a href="" title=""" data-toggle="tab" data-filter="list_212">B2C/B2B</a></li>
				<li><a href="" title=""" data-toggle="tab" data-filter="list_219">游戏/应用</a></li>
				<li><a href="" title=""" data-toggle="tab" data-filter="list_211">视频/直播</a></li>
				<li><a href="" title=""" data-toggle="tab" data-filter="list_214">门户/论坛</a></li>
			</ul>
			</div>			
			<ul class="blocks-2 blocks-sm-2 blocks-md-4 blocks-xlg-4 no-space" id='indexprolist' data-scale='0.5'>
				<li data-type="list_212" > 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_1.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>七加二驴友商城</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_212" > 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_2.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>东和茶叶</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_212" > 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_3.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>哇噻网</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_212" > 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_4.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>花木大世界</h4>
								</div>
						  </div>		
				</li>
				<!-- B2C/B2B END -->
				<li data-type="list_219"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_5.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>华龙棋牌</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_219"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_6.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>嘟嘟传奇</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_219"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_7.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>鱼游电玩</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_219"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_8.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>我叫MT世界</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_211"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_9.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>秀色秀场</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_211"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_10.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>蜜桃直播</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_211"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_11.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>我秀直播</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_211"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_12.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>第一坊</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_214"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_13.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>YunFile网盘</h4>
								</div>
						  </div>		
				</li>
				<li data-type="list_214"  style="display:none;"> 
							<div class="widget widget-shadow">
								<div class="img-holder">
									<a href=""  title=""" target='_self'>
										<img src="style/upload/case_logo_14.jpg" alt=""">
									</a>
								</div>
								<div class="content-holder">
									<h4>站长网赚</h4>
								</div>
						  </div>		
				</li>
				<!-- end -->
				</ul>
				<div><a href="" class="moreBtn">更多案例</a></div>
		</div>
	</div>
	
<!--
-->
	<div class="met-index-contact container-fluid ">
		<div class="container text-center">
			<p>您有线上支付需求？那就马上注册吧！</p>
			<a href="" title=""" target='_self'>点击注册<i class="fa fa-arrow-circle-right"></i></a>
		</div>
	</div>


<div class="tryout">
	<div class="tryout-left" style="margin-top:10px;">
		你还在等什么，找什么，你想要的..我们都能满足你
		<a href="" class="tryout-btn">立即注册</a>
	</div>
	<div class="tryout-right"><p>咨询热线：<a href="" class="white"><?php echo $site_tel;?></a></p><span class="closeInfo">×</span></div>
</div>

<div class="tryout-mobile">
	<p class="text-center">你还在等什么，找什么，你想要的..我们都能满足你</p>
	<p class="text-center"><a href="" class="tryout-btn">立即注册</a></p>
	<p class="text-center">咨询热线：<a href="" class="white"><?php echo $site_tel;?></a></p>
	<span class="closeInfo">×</span>
</div>



<jsp:include page="page/footer.jsp"></jsp:include>
</body>
</html>